<!--
	此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=bar-y-category-stack&version=5.4.3
-->
<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/html"  lang="en" style="height: 100%">
<head>
  <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
  <div id="container" style="height: 100%"></div>


  <script type="text/javascript" src="https://registry.npmmirror.com/echarts/5.4.3/files/dist/echarts.min.js"></script>

  <script  th:inline="javascript" type="text/javascript">
    var kaiPanLa_T1000= [[${kaiPanLa_T1000}]];
    var kaiPanLa_T1030= [[${kaiPanLa_T1030}]];
    var kaiPanLa_T1100= [[${kaiPanLa_T1100}]];
    var kaiPanLa_T1130= [[${kaiPanLa_T1130}]];
    var kaiPanLa_T1330= [[${kaiPanLa_T1330}]];
    var kaiPanLa_T1400= [[${kaiPanLa_T1400}]];
    var kaiPanLa_T1430= [[${kaiPanLa_T1430}]];
    var kaiPanLa_T1500= [[${kaiPanLa_T1500}]];
    var kaiPanLa_times= [[${kaiPanLa_times}]];


    var dom = document.getElementById('container');
    var myChart = echarts.init(dom, null, {
      renderer: 'canvas',
      useDirtyRect: false
    });
    var app = {};

    var option;

    option = {
      tooltip: {
        trigger: 'axis',
        axisPointer: {
          // Use axis to trigger tooltip
          type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
        }
      },
      legend: {},
      grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
      },
      xAxis: {
        type: 'value'
      },
      yAxis: {
        type: 'category',
        data: kaiPanLa_times
      },
      series: [
        {
          name: 'T1000',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1000
        },
        {
          name: 'T1030',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1030
        },
        {
          name: 'T1100',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1100
        },
        {
          name: 'T1130',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1130
        },
        {
          name: 'T1330',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1330
        },
        {
          name: 'T1400',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1400
        },
        {
          name: 'T1430',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1430
        },
        {
          name: 'T1500',
          type: 'bar',
          stack: 'total',
          label: {
            show: true
          },
          emphasis: {
            focus: 'series'
          },
          data: kaiPanLa_T1500
        }
      ]
    };

    if (option && typeof option === 'object') {
      myChart.setOption(option);
    }

    window.addEventListener('resize', myChart.resize);
  </script>
</body>
</html>